import { Platform, StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    wrapper:{
        width: windowWidth,
        overflow: 'hidden',
        ...Platform.select({
			ios: {
				height: windowHeight - 43 - 64,
			},
            android: {
                flex: 1,
            }
		})
    },
    withdrawContainer:{
        flex:1,
    },
    sendWrapper:{
        flex:1
    },
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',
		...Platform.select({
			ios: {
				paddingTop: 0
			},
            android:{
                marginBottom: 44,
            }
		})
	},
	addressContainer: {
		backgroundColor: '#ffffff',
		// flex: 1,
		borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 10,
	},
    addressBtn: {
        marginLeft: 14,
        paddingRight: 15,
        height: 90,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    addressBtnTime:{
        marginLeft: 15,
        paddingRight: 15,
        // flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 44,
    },
    leftText:{
        color: '#7B7B7B',
        fontSize: 15,
    },
    leftImage:{

    },
    nightFeeInstruction:{
        marginRight:10,
        fontSize:15,
        color:'#5DBAFD',
    },
    centerAddress:{
        flex:1,
        marginLeft: 15,
        color: "#000000",
        ...Platform.select({
			ios: {
                alignItems: 'center',
			},
            android: {
                height: 80,
            }
		}),
        fontSize: 15,
    },
    centeDate:{
        flex:1,
        marginLeft: 15,
    },
    rightImage:{
        // flex: 1,
        justifyContent: 'flex-end',
        // alignItems: 'flex-end',
    },
    formContainer:{
        // flex: 1,
        borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 10,
        backgroundColor: '#ffffff',
    },
    formItem:{
        // flex: 1,
        marginLeft: 15,
        flexDirection: 'row',
        alignItems: 'center',
        height: 44,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    formItemRemark:{
        // flex: 1,
        marginLeft: 15,
        flexDirection: 'row',
        alignItems: 'flex-start',
        height: 88,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    formSubItem:{
        flexDirection: 'row',
        alignItems: 'center',
        flex:1,
    },
    formItemSpri:{
        marginLeft: 15,
        marginTop: 15,
    },
    itemRight:{
        flex:1,
        fontSize: 15,
        color: "#000000",
        marginLeft: 15,
    },
    actionBtn:{
        width: 70,
        textAlign: 'center',
        paddingTop:5,
        paddingBottom:5,
        color: '#ffffff',
        borderWidth: StyleSheet.hairlineWidth,
        borderRadius: 2,
        borderColor: '#EA5404',
        fontSize: 13,
        overflow: 'hidden',
        backgroundColor: '#EA5404',
        justifyContent: 'flex-end',
    },
    imageContanier:{
        position:'relative',
        marginTop:15,
    },
    clearImageContainer:{
        flex:1,
        alignItems:'flex-end',
    },
    // clearImage:{
    //     flex:1,
    //     justifyContent: 'flex-end',
    // },
    uploadAvatar: {
        flex: 1,
        
        height: 400,
    },
    otherContent:{
        ...Platform.select({
			ios: {
				paddingTop: 14,
			},
            android: {
                paddingTop: 14,
                textAlignVertical: 'top',
                includeFontPadding: false,
                height: 80,
            }
		}),
    },
    submitBtnContainer:{
        position: 'absolute',
        flex: 1,
        width: '100%',
        bottom: 0,
        left: 0,
        ...Platform.select({
			ios: {
				bottom: 0,
			},
            android: {
                bottom: 0
            }
		}),
        backgroundColor: '#EA5404',
    },
    submitBtn:{
        width: '100%',
        height: 44,
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    submitBtnText:{
        color: '#ffffff',
        fontSize: 15,
    },
    selectBtn:{
        marginRight: 15,
        marginTop: 15,
    },
    selectContent:{
        marginTop: 5,
        flex: 1,
        flexDirection: 'row',
        alignItems: 'flex-start',
        flexWrap: 'wrap',
        marginBottom: 15,
    },
    activeText:{
        backgroundColor: '#EA5404',
        color: '#ffffff',
        borderColor: "#EA5404",
        borderWidth: StyleSheet.hairlineWidth,
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        paddingBottom: 3,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden'
    },
    notActiveText:{
        backgroundColor: '#ffffff',
        borderColor: "#555555",
        borderWidth: StyleSheet.hairlineWidth,
        color: '#555555',
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        paddingBottom: 3,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden'
    },
    mapContainer:{
        flex: 1,
        backgroundColor: '#f3f3f3',
    },
    searchItem:{
        // flex:1,
        height: 60,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        marginLeft:15,
        justifyContent: 'center',
        overflow: 'hidden',
    },
    searchItem_:{
        // flex:1,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        marginLeft:15,
        justifyContent: 'center',
        overflow: 'hidden',
    },
    searchOutList:{
        flex:1,

    },
    modalContainer:{
        flex:1,
        backgroundColor: '#f3f3f3',
        // marginTop: 64,
    },
    searchCancelText:{
        color: '#EA5404',
        fontSize: 15,
        marginRight: 15,
        paddingLeft: 8,
        paddingRight: 8,
    },
    addressBtnText:{
        borderRadius:2,
        overflow: 'hidden',
        width: 60,
        height: 24,
        lineHeight: 21,
        backgroundColor: '#EA5404',
        color: '#fff',
        fontSize: 13,
        // flex: 1,
        textAlign: 'center',
        justifyContent: 'center',
        alignItems: 'center',
        marginRight: 15,
    },
    textStyle: {
		color: '#7B7B7B',
		paddingTop: 8,
		fontSize: 13,
		fontWeight: 'normal'
	},
	underlineStyle: {
		height: 2,
		backgroundColor: '#EA5404'
	},
    searchListUser:{
        flex:1,
        backgroundColor: '#fff',
        marginTop:15,
        borderTopWidth:StyleSheet.hairlineWidth,
        borderColor:'#DDD',
    },
    tabBar: {
        height: 35,
		borderBottomWidth: StyleSheet.hairlineWidth,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},
    noDataContent:{
		alignItems:'center',
		marginTop:  (windowHeight - 64 - 50 - 300) / 2,
	},

    closeIcon:{
		position: 'absolute',
		right: 15,
		top: 15,
	},

	dialogContainer:{
		backgroundColor: '#fff',
		height: 200,
	},

    adrrsubmitBtnContainer:{
        flex: 1,
		marginLeft:15,
		marginRight: 15,
		marginBottom: 26,
        flexDirection: 'row',
		marginTop: 30,
    },
    adrrsubmitBtn:{
        height: 30,
        width: 80,
        flex: 1,
        backgroundColor: '#EA5404',
        borderRadius:2,
        justifyContent: 'center',
        alignItems: 'center',
    },
    adrrsubmitBtnText:{
        color: '#ffffff',
        fontSize: 15,
    },
    formItemUpload:{
        marginLeft: 15,
        flexDirection: 'row',
        flexWrap: 'wrap', 
        alignItems: 'flex-start',
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    formUploadPictureContainer:{
        width:50,
        height:50,
        borderStyle:'dashed', 
        borderWidth:0.5,
        borderColor:'#CDCDCD',
        flex: 1,
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        marginTop: 5,
        marginRight:5,
    }
});

export default styles;
